<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/back/statics/js/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            // 初始化省
            $.get('/c/findName', function (data) {
                console.log(data);
                for (var i = 0; i < data.length; i++) {
                    $('#province')
                        .append($('<option value="' + data[i].id + '">' + data[i].name + '</option>'));
                }
                // 手动触发change事件
                $('#province').change();
            }, 'json');

            // 初始化市
            $('#province').change(function () {
                // 清空历史记录
                $('#city').empty();
                $.get('/c/findCity', 'parentId=' + $(this).val(), function (data) {
                    for (var i = 0; i < data.length; i++) {
                        $('#city')
                            .append($('<option value="' + data[i].id + '">' + data[i].name + '</option>'));
                    }
                    // 手动触发city的change事件
                    $('#city').change();
                }, 'json');
            });
            /*// 初始化县
             $('#city').change(function () {
             // 清空历史记录
             $('#country').empty();
             $.get('/p/findCity', 'parentId=' + $(this).val(), function (data) {
             for (var i = 0; i < data.length; i++) {
             $('#country')
             .append($('<option value="' + data[i].id + '">' + data[i].name + '</option>'));
             }
             }, 'json');
             });*/
        });
    </script>
</head>
<body>
<select id="province"></select>班级
<select id="city"></select>小组<!--
<select id="country"></select>县-->
</body>
</html>